<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.
  User: 小陈同学
  Date: 2021/1/2
  Time: 15:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>食品界面</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./css/index2.css">
</head>
<body>

<div class="header w">
    <div class="logo">
        <img src="images/logo.jpg" alt="">
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.jsp" >首页</a></li>
            <li><a href="electapp.jsp">家电类</a></li>
            <li><a href="clothes.jsp" >衣物类</a></li>
            <li><a href="food.jsp" class="a1">食品类</a></li>
            <li><a href="medicine.jsp">医药类</a></li>
            <li><a href="news.jsp">新闻中心</a></li>
            <li><a href="email.jsp" >邮件反馈</a></li>
            <li><a href="reback.jsp">联系我们</a></li>
        </ul>
    </div>
    <li class="right">
        <p class="login-register">
            <!--用session实现用户登录后的状态显示-->
            <c:if test="${username!=null}">
                ${username}
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>
            <c:if test="${username==null}">
                <a href="login.jsp">登录</a>&nbsp;&nbsp;
                </br>
                <a href="Register.jsp">注册</a>
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>

        </p>
    </li>
</div>
<div class="w1">
    <div class="banner2" style="background: url(images/food.jpg)">

    </div>>
</div>
<div class="box w">
    <div class="box-hd">
        <h3>精品推荐</h3>
        <a href="#">查看全部</a>
    </div>
    <div class="box-bd">
        <ul class="clearfix">
            <li><img src="images/food1.jpg" alt="">
                <p class="view">松软可口，香甜</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">草莓布丁蛋糕</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=草莓布丁蛋糕'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food2.jpg" alt="">
                <p class="view">好喝不解释</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">新鲜牛奶</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=新鲜牛奶'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food3.jpg" alt="">
                <p class="view">新鲜着呢</p>
                <div class="appraise"></div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">大田螺</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=大田螺'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food4.jpg" alt="">
                <p class="view">有大又辣，哈喇子流一地</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">巨无霸龙虾</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=巨无霸龙虾'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food5.jpg" alt="">
                <p class="view">松软可口，一部到胃</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">小小面包</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=小小面包'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food6.jpg" alt="">
                <p class="view">又长又大，香甜可口</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">banana</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=香蕉'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food7.jpg" alt="">
                <p class="view">鲜嫩多汁，美味之及</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">烤牛排</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=烤牛排'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/food8.jpg" alt="">
                <p class="view">好吃可口，纵享丝滑</p>
                <div class="appraise">来自436054574的评价</div>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">炸薯条</a> </h4>
                    <em>|</em>
                    <span>99.9元</span></div>
                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=炸薯条'">加入购物车</button>
                </div>
            </li>
        </ul>
    </div>
</div>>
<%--</div>--%>
<!-- 尾部footer -->
<div class="footer ">
    <div class="w">
        <div class="copyright">
            <img src="images/logo.jpg" alt="">
        </div>
        <div class="links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="login.jsp">用户登录</a></dd>
                <dd><a href="Register.jsp">用户注册</a></dd>
            </dl>
            <dl>
                <dt>网站介绍</dt>
                <dd><a>本网站以网上购物为中心，分别设置四大类商品进行出售。配有新闻界面可以了解时事政治。邮件联系可以发送邮件给我们以提出宝贵的建议</a></dd>

            </dl>
        </div>
    </div>
</div>
</html>
